<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" href="./css/goodList.css">
</head>
<body>
<!--顶部-->
  <header class="header">
    <div class="header_main">
      <div class="header_logo">
        <a href=""><img src="./img/logo.jpg" alt=""></a>
      </div>
      <div class="header_login">
        <a href="" class="shoppingcar">&#xe63f;</a>
        <a href="">登录</a>
      </div>
    </div>
  </header>
<!--面包屑部分-->
  <div class="bread">
    <div class="bread_main">
      <div class="bread_nav">
        <a href="">主页</a>
        <span>/</span>
        <a href="" class="bread_current">商品</a>
      </div>
    </div>
  </div>
  <!--主体部分-->
  <main class="main">
    <section class="main_main">
      <div class="main_sort">
        <div class="sort_content">
          <span class="sort_jiantou">&#xe765;</span>
          <span>价格</span>
          <a href="">默认</a>
          <span>排序：</span>
        </div>
      </div>
      <div class="main_content">
        <div class="content_left">
          <div class="content_title">价 格: </div>
          <ul class="filter">
            <li><a href="">全部</a></li>
            <li><a href="">0.00-100.00</a></li>
            <li><a href="">100.00-500.00</a></li>
            <li><a href="">500.00-1000.00</a></li>
            <li><a href="">1000.00-2000.00</a></li>
          </ul>
        </div>
        <div class="content_right">
          <div class="content_item">
            <a href=""><img src="./img/2.jpg" alt="" class="item_img"></a>
            <span class="item_name">小米6X</span>
            <p class="item_price">￥1999</p>
            <div class="item_buy">加入购物车</div>
          </div>
          <div class="content_item">
            <a href=""><img src="./img/2.jpg" alt="" class="item_img"></a>
            <span class="item_name">小米6X</span>
            <p class="item_price">￥1999</p>
            <div class="item_buy">加入购物车</div>
          </div>
          <div class="content_item">
            <a href=""><img src="./img/2.jpg" alt="" class="item_img"></a>
            <span class="item_name">小米6X</span>
            <p class="item_price">￥1999</p>
            <div class="item_buy">加入购物车</div>
          </div>
          <div class="content_item content_item1">
            <a href=""><img src="./img/2.jpg" alt="" class="item_img"></a>
            <span class="item_name">小米6X</span>
            <p class="item_price">￥1999</p>
            <div class="item_buy">加入购物车</div>
          </div>
          <div class="content_item">
            <a href=""><img src="./img/2.jpg" alt="" class="item_img"></a>
            <span class="item_name">小米6X</span>
            <p class="item_price">￥1999</p>
            <div class="item_buy">加入购物车</div>
          </div>

        </div>
      </div>
    </section>
  </main>
<!--底部-->
  <footer class="footer">
    <section class="footer_main">
      <div class="footer_box">
        <div class="footer_left">
          <span>地区</span>
          <select name="" id="" class="footer_select">
            <option value="中国">中国</option>
            <option value="USA">USA</option>
            <option value="India">India</option>
          </select>
        </div>
        <div class="footer_right">
          <a href="">隐私策略</a>
          <a href="">团队合作</a>
          <a href="">关于我们</a>
          <p>Copyright © 2018  taoMall.com 版权所有</p>
        </div>
      </div>
    </section>
  </footer>
</body>
</html>
